{include file="common/head"}
<head>
	<style>
		.card{width: 160px;padding: 10px;margin:6px;display:inline-grid;border: 1px solid #ccc;flex-grow: 1;height: 100px;}
		.card:hover{box-shadow: 2px 2px 4px #f60;}

	</style>
<title>订单流程示意图</title>
</head>
<body >
	<div class="container-fluid">
	<div class="col text-left h3">订单流程示意图</div>

	<div id="content" style="height: 100%;display: flex;flex-direction: row;flex-wrap: wrap; justify-content1:space-around1;">

	    {foreach $list as $k=>$flow}
	    	{if $k<10}
	    	<div class="card">
	    		<div class="card-title">
	    			{$flow[0]}
	    			{if $k<2}
	    				<div class="text-secondary">客户可取消</div>
	    			{/if}
	    			{if $k>1 && $k<6}
	    				<div class="text-info">司机可取消</div>
	    			{/if}
    			
	    			{if $k==6}
	    				<div class="text-info">客户司机互评</div>
	    			{/if}	    			
	    		</div>
	    	</div>
	    	{if $k<8}
	    	<div style="height: 100px;line-height: 100px;">
	    		<span class="bi-chevron-right"></span>
	    	</div>
	    	{/if}
	    	{/if}
		{/foreach}


	</div>

	<input type="hidden" id="about_msg" value="{$sys.about_msg}" />
	<div id="about_msg1" />

	<div style="height:50px;"></div>

	<!--<div id="bottom" class="row">
	</div> -->

	<div id="orders" style="background-color: #fff;z-index: 20;border:0 solid #ccc;max-width: 800px;"></div>
	</div>


<script type="text/javascript">
	$(document).ready(function(){
		$("#about_msg1").html($("#about_msg").val());

	});
</script>
</body>
</html>